html,
body {
  width: 100%;
  height: 100%;
  max-width: 640px;
  margin: 0 auto;
}
body {
  position: relative;
  font-size: 14px;
  font-family: "PingFang SC", "Microsoft YaHei";
  color: #121212;
}
[v-cloak] {
  display: none!important;
}
.s-tl {
  text-align: left;
}
.s-tc {
  text-align: center;
}
.s-tr {
  text-align: right;
}
.views {
  width: 100%;
  height: 100%;
}
.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.f-content {
  width: 100%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-0 {
  padding: 0;
}
.p-5 {
  padding: 5px;
}
.p-10 {
  padding: 10px;
}
.p-15 {
  padding: 15px;
}
.p-20 {
  padding: 20px;
}
.p-25 {
  padding: 25px;
}
.p-30 {
  padding: 30px;
}
.pl-0 {
  padding-left: 0;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-25 {
  padding-left: 25px;
}
.pl-30 {
  padding-left: 30px;
}
.pr-0 {
  padding-right: 0;
}
.pr-5 {
  padding-right: 5px;
}
.pr-10 {
  padding-left: 10px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-25 {
  padding-right: 25px;
}
.pr-30 {
  padding-right: 30px;
}
.pt-0 {
  padding-top: 0;
}
.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-30 {
  padding-bottom: 30px;
}
.m-0 {
  margin: 0;
}
.m-5 {
  margin: 5px;
}
.m-10 {
  margin: 5px;
}
.m-15 {
  margin: 15px;
}
.m-20 {
  margin: 20px;
}
.m-25 {
  margin: 25px;
}
.ml-0 {
  margin-left: 0;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.mr-0 {
  margin-right: 0;
}
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-30 {
  margin-right: 30px;
}
.mt-0 {
  margin-top: 0;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.color-red {
  color: #f51b1b;
}
@keyframes showDown {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  25% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  50% {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
  }
  75% {
    -webkit-transform: translate(0, -1px);
            transform: translate(0, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@-webkit-keyframes showDown {
  0% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  25% {
    -webkit-transform: translate(0, -3px);
            transform: translate(0, -3px);
  }
  50% {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
  }
  75% {
    -webkit-transform: translate(0, -1px);
            transform: translate(0, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
.main-header-wrap {
  width: 100%;
  max-width: 640px;
  height: 76px;
  position: fixed;
  z-index: 1000;
}
.main-header {
  width: 100%;
  height: 76px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-header .menu {
  height: 100%;
  display: block;
  text-align: right;
  color: #fff;
  font-size: 0;
}
.main-header .menu em {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../images/menu_1.png);
  margin-top: 20px;
  margin-bottom: 3px;
}
.main-header .menu em.close {
  background-image: url(../images/menu_2.png);
}
.main-header .menu div {
  font-size: 10px;
}
.main-header.bg-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.main-header.bg-white .menu {
  color: #484847;
}
.main-header.bg-white .menu em {
  background-image: url(../images/menu_1_b.png);
}
.main-header .logo {
  width: 67px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}
.main-popup {
  width: 100%;
  max-width: 640px;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  background: #fff;
  padding: 76px 0 20px;
  z-index: 1000!important;
}
.main-nav {
  padding: 15px 0;
}
.main-nav .nav-item {
  margin: 0;
}
.main-nav .item-hd {
  font-size: 15px;
  padding: 7px 15px 7px 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #282a32;
  font-weight: bold;
}
.main-nav .item-hd a {
  display: inline-block;
  color: #282a32;
  font-size: 15px;
}
.main-nav .item-bd {
  margin: 0;
  line-height: 40px;
  overflow: hidden;
  padding: 5px 0;
}
.main-nav .item-bd a {
  width: 50%;
  float: left;
  padding: 0 15px;
  color: #484848;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #eee;
}
.main-nav .item-bd a:after {
  border-color: #dcdcdc;
}
.main-footer {
  width: 100%;
  height: auto;
  background-color: #313131;
  color: #fff;
}
.main-footer .f-hd {
  padding: 35px 40px 0;
  margin-bottom: 20px;
}
.main-footer .f-hd h3 {
  font-size: 14px;
  margin: 0;
  margin-bottom: 20px;
}
.main-footer .f-hd p {
  font-size: 12px;
  color: #949494;
  line-height: 18px;
  margin: 0;
}
.main-footer .f-nav {
  color: #a3a5aa;
  font-size: 14px;
  margin-bottom: 10px;
}
.main-footer .f-nav li {
  line-height: 40px;
}
.main-footer .f-nav a {
  color: #a3a5aa;
  font-weight: bold;
}
.main-footer .f-ewm {
  padding: 12px 0;
}
.main-footer .f-ewm img {
  max-width: 75px;
}
.main-footer .ewm-item {
  display: inline-block;
  padding: 0 20px;
}
.main-footer .ewm-item p {
  font-size: 12px;
  margin-top: 10px;
  color: #949494;
}
.main-footer .logo img {
  max-height: 38px;
}
.main-footer .f-bd {
  line-height: 20px;
  border-top: 1px solid #4f4f4f;
  padding: 18px 0 20px;
}
.main-footer .f-bd p {
  padding: 0 50px;
  line-height: 20px;
  margin: 0;
}
.main-footer .f-bd .p1 {
  font-size: 10px;
}
.main-footer .f-bd .p2 {
  font-size: 8px;
}
.main-focus {
  width: 100%;
  height: auto;
  padding-top: 73.33%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
}
.main-focus .inner {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  padding-bottom: 22px;
}
.main-focus h3,
.main-focus p {
  margin: 0;
}
.main-focus h3 {
  font-size: 24px;
  font-weight: bold;
}
.main-focus p {
  font-size: 15px;
}
.main-crumb {
  padding: 0 15px;
  line-height: 30px;
  font-size: 12px;
  color: #222;
  margin-bottom: 24px;
}
.main-crumb em {
  font-style: normal;
}
.main-crumb a {
  color: #222;
}
.main-crumb::after {
  border-color: #c9c9c9;
}
.main-short-title {
  color: #121212;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}
.main-short-title .m-title {
  font-size: 21px;
  position: relative;
  line-height: 38px;
  padding: 0 15px;
}
.main-short-title .m-title:after {
  width: 34px;
  height: 2px;
  background-color: #ec7e1d;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -17px;
}
.main-short-title .m-short {
  padding: 10px 15px 5px;
}
.main-short-title .m-info {
  line-height: 24px;
  padding: 10px 15px 5px;
}
.main-short-title h3,
.main-short-title p {
  margin: 0;
}
.main-pagination-nav {
  padding: 10px 0;
}
.main-pagination-nav .van-pagination {
  display: block;
  font-size: 0;
}
.main-pagination-nav .van-pagination .van-icon {
  vertical-align: middle;
  color: #949494;
}
.main-pagination-nav .van-pagination__item {
  display: inline-block;
  min-width: 30px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  vertical-align: middle;
  margin: 0 6px;
  color: #949494;
}
.main-pagination-nav .van-pagination__item:active {
  background-color: #fff;
}
.main-pagination-nav .van-pagination__item:after {
  border-width: 1px;
  border-color: #949494;
}
.main-pagination-nav .van-pagination__item--active {
  background-color: #ee8c1f;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}
.main-pagination-nav .van-pagination__item--active:active {
  background-color: #ee8c1f;
}
.main-pagination-nav .van-pagination__item--active:after {
  border-color: transparent;
}
.main-top-divide {
  width: 100%;
  height: 76px;
}
.main-floor-title {
  text-align: center;
  font-weight: bold;
  position: relative;
  padding-bottom: 22px;
}
.main-floor-title .en {
  font-size: 24px;
  color: #cfcfcf;
  opacity: 0.5;
}
.main-floor-title .cn {
  font-size: 18px;
  color: #121212;
  margin-top: -16px;
  position: relative;
}
.main-floor-title .cn:after {
  width: 20px;
  height: 2px;
  content: "";
  border-radius: 2px;
  background-color: #e27e0f;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -5px;
}
.main-float {
  position: fixed;
  right: 15px;
  top: 50%;
  margin-top: -52px;
}
.main-float .type-consultation {
  width: 45px;
  height: 103px;
  display: inline-block;
  background-image: url("../images/float_flag1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: 2px 3px 5px rgba(222, 117, 39, 0.44);
          box-shadow: 2px 3px 5px rgba(222, 117, 39, 0.44);
  border-radius: 5px;
}
.consultation-popup {
  width: 82%;
  height: 100%;
  background: none;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.consultation-popup .popup-wrap {
  width: 100%;
  max-height: 75%;
  position: relative;
  overflow: auto;
  padding: 15px 0 0;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 18px;
}
.consultation-popup .popup-header {
  color: #3f3e42;
  font-size: 18px;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 12px;
  position: relative;
}
.consultation-popup .popup-header span {
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.consultation-popup .popup-header:before {
  width: 60%;
  height: 1px;
  content: "";
  background-color: #3f3e42;
  position: absolute;
  left: 50%;
  margin-left: -30%;
  top: 12px;
}
.consultation-popup .popup-form {
  padding: 0 20px 20px;
}
.consultation-popup .popup-form .van-cell {
  margin-bottom: 10px;
}
.consultation-popup .popup-form textarea.van-field__control {
  min-height: 60px;
}
.consultation-popup .popup-form .van-field__control {
  height: 28px;
}
.consultation-popup .van-popup__close-icon {
  width: 40px;
  height: 40px;
  position: relative;
  background-image: url("../images/popup_close.png");
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 0;
  top: auto;
  right: auto;
}
.consultation-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.index-top-banner {
  width: 100%;
  height: 100%;
  position: relative;
}
.index-top-banner .swiper-container {
  width: 100%;
  height: 100%;
}
.index-top-banner .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.index-top-banner .go-down {
  width: 20px;
  height: 30px;
  background-image: url(../images/icon_down.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -10px;
  bottom: 25px;
  -webkit-animation: showDown 1.2s linear infinite;
          animation: showDown 1.2s linear infinite;
}
.index-link {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#ef8d21), to(#e17d0e));
  background-image: -webkit-linear-gradient(left, #ef8d21, #e17d0e);
  background-image: linear-gradient(to right, #ef8d21, #e17d0e);
  border-radius: 3px;
}
.index-link.van-button {
  border: 0;
}
.index-link.van-button:before {
  display: none;
}
.index-floor1 {
  background-color: #fff;
  padding: 25px 0;
}
.index-floor1 .title img {
  width: 100%;
  display: block;
}
.index-floor1 .details {
  line-height: 24px;
  font-size: 12px;
  color: #282a32;
  margin-bottom: 20px;
}
.index-floor1 .details P {
  margin: 0;
}
.index-floor1 .swipers {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*padding: 15px 50px 20px 20px;*/
  padding: 15px 25px 25px 20px;
  position: relative;
}
.index-floor1 .swipers .swiper-slide {
  padding: 0 25px 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-floor1 .swipers .swiper-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  top: 55px;
  left: 25px;
  background-color: #ec7e1d;
  background-image: -webkit-gradient(linear, left top, right top, from(#ef8d21), to(#e17d0e));
  background-image: -webkit-linear-gradient(left, #ef8d21, #e17d0e);
  background-image: linear-gradient(to right, #ef8d21, #e17d0e);
}
.index-floor1 .swipers .swiper-container:after {
  background-color: #fff;
  content: "";
  position: absolute;
  bottom: 3px;
  right: 3px;
  top: 58px;
  left: 28px;
}
.index-floor1 .swipers .imgCtr {
  padding-top: 129.1%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 10;
}
.index-floor1 .swipers .swiper-pagination {
  text-align: left;
  bottom: 35px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-floor1 .swipers .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #e5e5e5;
  opacity: 1;
  margin: 0 3px;
}
.index-floor1 .swipers .swiper-pagination-bullet-active {
  background-color: #ec7e1d;
  background-image: -webkit-gradient(linear, left top, right top, from(#ef8d21), to(#e17d0e));
  background-image: -webkit-linear-gradient(left, #ef8d21, #e17d0e);
  background-image: linear-gradient(to right, #ef8d21, #e17d0e);
}
.index-floor2 {
  width: 100%;
  min-height: 50%;
  background-image: url(../images/index_f2_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #fff;
  padding: 42px 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-floor2 .title {
  margin-bottom: 20px;
}
.index-floor2 .title h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  margin-bottom: 12px;
  text-align: center;
}
.index-floor2 .title p {
  font-size: 10px;
  line-height: 18px;
  margin: 0;
}
.index-floor2 .info-list .list-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.index-floor2 .info-list .item-pic {
  font-size: 0;
  margin-bottom: 3px;
}
.index-floor2 .info-list .item-pic img {
  width: 100px;
}
.index-floor2 .info-list .item-title {
  font-size: 12px;
  margin-bottom: 15px;
}
.index-floor2 .info-list .item-info {
  line-height: 15px;
  font-size: 10px;
  margin-bottom: 15px;
  text-align: left;
}
.index-floor2 .info-list .item-link {
  color: #e17d0e;
  font-size: 10px;
}
.index-floor3 {
  width: 100%;
  height: auto;
  padding: 15px 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-floor3 .title {
  padding: 0 15px;
}
.index-floor3 .title img {
  width: 100%;
  display: block;
}
.index-floor3 .swipers {
  padding: 32px 0 20px;
}
.index-floor3 .swipers .swiper-slide {
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
}
.index-floor3 .swipers .imgCtr {
  width: 100%;
  padding-top: 65.6%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #f5f5f5;
}
.index-floor3 .swipers .info {
  font-size: 12px;
  color: #282a32;
  line-height: 18px;
  padding: 5px 0;
}
.index-floor3 .swipers .swiper-slide-active,
.index-floor3 .swipers .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.index-floor3 .swipers .swiper-slide.swiper-slide-prev {
  right: -4.15%;
}
.index-floor3 .swipers .swiper-slide.swiper-slide-next {
  left: -4.15%;
}
.index-floor3 .swipers .swiper-button-prev,
.index-floor3 .swipers .swiper-button-next {
  margin-top: -35px;
  outline: none;
}
.index-floor3 .swipers .swiper-button-prev:after {
  width: 20px;
  height: 20px;
  background-image: url(../images/index_prev.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 0;
}
.index-floor3 .swipers .swiper-button-next:after {
  width: 20px;
  height: 20px;
  background-image: url(../images/index_next.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 0;
}
.index-floor4 {
  width: 100%;
  min-height: 50%;
  background-image: url(../images/index_f4_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 20px 0;
}
.index-floor4 .title {
  position: relative;
}
.index-floor4 .title img {
  width: 100%;
}
.index-floor4 .f-part {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 22px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
}
.index-floor4 .f-content {
  padding: 0 25px;
}
.index-floor4 .more {
  position: absolute;
  right: 0;
  bottom: 15%;
  font-size: 12px;
  color: #67696f;
}
.index-floor4 a {
  color: #282a32;
}
.index-floor4 li {
  list-style: none;
}
.index-floor4 .list1 {
  clear: both;
  overflow: hidden;
  padding: 16px 0 15px 0;
}
.index-floor4 .list1 .list-item {
  font-size: 12px;
  margin-bottom: 22px;
  line-height: 18px;
}
.index-floor4 .list2 {
  padding: 12px 0 20px;
}
.index-floor4 .list2 .item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.index-floor4 .list2 .list-item {
  line-height: 30px;
}
.index-floor4 .list2 .item-info {
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}
.index-floor4 .list2 em {
  font-style: normal;
  font-size: 10px;
  color: #67696f;
}
.index-floor5 {
  width: 100%;
  height: auto;
  padding: 15px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-floor5 .title {
  padding: 0 15px;
}
.index-floor5 .title img {
  width: 100%;
  display: block;
}
.index-form {
  padding: 20px 40px;
}
.index-form.job-form {
  padding-top: 3px;
  padding-bottom: 3px;
}
.index-form.job-form .van-cell {
  margin-bottom: 10px;
}
.index-form.job-form .van-field__control {
  border: 1px solid transparent;
  background-color: #fff;
}
.index-form.job-form .field-focus .van-field__control {
  border-color: #e17d0e;
}
.index-form .van-cell {
  padding: 0;
  margin-bottom: 15px;
  background: none;
}
.index-form .van-cell:after {
  display: none;
}
.index-form textarea.van-field__control {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 150px;
  line-height: 18px;
}
.index-form .field-focus .van-field__control {
  background-color: #fff;
  border-color: #e37f10;
}
.index-form .van-field__control {
  height: 30px;
  border: 1px solid #bfbfbf;
  background-color: #eee;
  padding: 0 12px;
  font-size: 12px;
  color: #121212;
}
.index-form .van-field__control::-webkit-input-placeholder {
  color: #a3a5aa;
}
.index-form .van-field__control::-moz-placeholder {
  color: #a3a5aa;
}
.index-form .van-field__control:-ms-input-placeholder {
  color: #a3a5aa;
}
.index-form .van-field__control::-ms-input-placeholder {
  color: #a3a5aa;
}
.index-form .van-field__control::placeholder {
  color: #a3a5aa;
}
.index-form .van-field__error-message {
  color: #e17d0e;
}
.news-list-wrap {
  padding-bottom: 30px;
}
.news-list {
  padding: 0 0 15px;
}
.news-list .list-item {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-list .list-item:after {
  border-color: #eee;
}
.news-list .item-link {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #121212;
}
.news-list .item-thumb {
  width: 100px;
  margin-right: 15px;
}
.news-list .item-thumb .thumb {
  padding-top: 65.6%;
  background-color: #ccc;
  background-size: 100%;
  background-repeat: no-repeat;
}
.news-list .item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.news-list .item-title {
  height: 48px;
  line-height: 16px;
}
.news-list .item-date {
  font-size: 12px;
  color: #484848;
}
.news-details {
  padding: 0 15px 38px;
}
.news-details .details-header {
  padding-bottom: 15px;
  text-align: center;
  font-weight: bold;
}
.news-details .details-header:after {
  border-color: #eee;
}
.news-details .details-header .title {
  line-height: 24px;
  color: #121212;
  margin-bottom: 4px;
}
.news-details .details-header .date {
  font-size: 12px;
  color: #949494;
}
.news-details .details-body {
  font-size: 12px;
  line-height: 20px;
  padding: 20px 0 15px;
}
.news-details .details-body h4,
.news-details .details-body p {
  margin: 0;
}
.news-details .details-body h4 {
  margin-bottom: 22px;
}
.news-details .details-body p {
  color: #313131;
  margin-bottom: 1rem;
}
.news-details .details-body img {
  max-width: 100%;
}
.news-details .details-back {
  text-align: right;
}
.news-details .details-back a {
  font-size: 12px;
  color: #e17d0e;
  font-weight: bold;
}
.policy-list-wrap {
  padding-bottom: 30px;
}
.policy-list {
  padding: 0 15px 5px;
}
.policy-list .list-item {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 5px;
}
.policy-list .list-item:after {
  border-color: #eee;
}
.policy-list .item-link {
  width: 100%;
  height: auto;
  display: block;
  padding: 10px 0 12px;
  color: #121212;
}
.policy-list .item-title {
  line-height: 20px;
  margin-bottom: 4px;
}
.policy-list .item-date {
  color: #949494;
}
.enterprise-floor {
  padding: 32px 0 30px;
}
.enterprise-floor.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.enterprise-floor.bg-gray {
  background-color: #f4f2f2;
}
.enterprise-floor img {
  width: 100%;
  display: block;
}
.enterprise-floor .f-thumb {
  margin-bottom: 12px;
}
.enterprise-floor .f-thumb.set-shadow {
  -webkit-box-shadow: 0 3px 12px rgba(50, 50, 50, 0.19);
          box-shadow: 0 3px 12px rgba(50, 50, 50, 0.19);
}
.enterprise-floor .f-info {
  color: #191919;
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: bold;
}
.enterprise-floor .pa-list .list-item {
  text-align: center;
  font-weight: bold;
  margin-bottom: 25px;
}
.enterprise-floor .pa-list img {
  width: 60px;
  display: inline-block;
}
.enterprise-floor .pa-list .item-icon {
  font-size: 0;
  margin-bottom: 18px;
}
.enterprise-floor .pa-list .item-title {
  font-size: 15px;
  margin-bottom: 12px;
}
.enterprise-floor .pa-list .item-info {
  font-size: 12px;
  line-height: 14px;
}
.dispatching-service {
  padding: 32px 0 15px;
  background-color: #f4f2f2;
}
.dispatching-service .ds-card {
  background-color: #fff;
  border-radius: 5px;
  padding: 24px 20px 18px;
  font-weight: bold;
  margin-bottom: 12px;
}
.dispatching-service .c-hd {
  margin-bottom: 10px;
}
.dispatching-service .c-bd {
  line-height: 18px;
  font-size: 12px;
  color: #121212;
  text-align: justify;
  margin-bottom: 8px;
}
.dispatching-service .c-icon {
  margin-bottom: 10px;
  font-size: 0;
}
.dispatching-service .c-icon img {
  width: 36px;
}
.dispatching-service .c-title {
  color: #e17d0e;
}
.dispatching-service .c-link {
  color: #e17d0e;
  font-size: 12px;
}
.flexible-floor1 {
  background-color: #f4f2f2;
  color: #121212;
  font-weight: bold;
  padding: 32px 0 30px;
}
.flexible-floor1 .f-list {
  padding: 10px 18px;
}
.flexible-floor1 .list-item {
  margin-bottom: 8px;
}
.flexible-floor1 .item-icon {
  text-align: center;
  font-size: 0;
  margin-bottom: 16px;
}
.flexible-floor1 .item-icon img {
  width: 75px;
}
.flexible-floor1 .item-title {
  font-size: 15px;
  text-align: center;
  margin-bottom: 12px;
}
.flexible-floor1 .item-info {
  font-size: 12px;
  line-height: 18px;
}
.flexible-floor2 {
  padding: 32px 0 25px;
}
.flexible-floor2 .f-view {
  margin-top: 5px;
}
.flexible-floor2 img {
  width: 100%;
}
.dispatching-floor1 {
  background-color: #f4f2f2;
  color: #121212;
  font-weight: bold;
  padding: 32px 0 20px;
}
.dispatching-floor1 .f-list {
  padding: 0 18px;
}
.dispatching-floor1 .list-item {
  margin-bottom: 8px;
}
.dispatching-floor1 .item-icon {
  text-align: center;
  font-size: 0;
  margin-bottom: 16px;
}
.dispatching-floor1 .item-icon img {
  width: 75px;
}
.dispatching-floor1 .item-title {
  font-size: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.dispatching-floor1 .item-info {
  font-size: 12px;
  line-height: 18px;
}
.dispatching-floor2 {
  background-color: #fff;
  padding: 32px 0 15px;
}
.dispatching-floor2 .f-view {
  padding: 10px 0 25px;
}
.dispatching-floor2 .f-view img {
  width: 100%;
  display: block;
}
.dispatching-floor2 .f-info h3,
.dispatching-floor2 .f-info p {
  margin: 0;
}
.dispatching-floor2 .f-info h3 {
  font-size: 15px;
  margin-bottom: 8px;
}
.dispatching-floor2 .f-info p {
  font-size: 12px;
  line-height: 18px;
  color: #484848;
  font-weight: bold;
  margin-bottom: 12px;
}
.dispatching-floor3 {
  background-color: #f4f2f2;
  padding: 32px 0 30px;
}
.dispatching-floor3 .f-view {
  padding: 20px 0;
}
.dispatching-floor3 .f-view img {
  width: 100%;
  display: block;
}
.dispatching-floor3 .f-info h3,
.dispatching-floor3 .f-info p {
  margin: 0;
}
.dispatching-floor3 .f-info h3 {
  font-size: 15px;
  margin-bottom: 8px;
}
.dispatching-floor3 .f-info p {
  font-size: 12px;
  line-height: 18px;
  color: #484848;
  font-weight: bold;
  margin-bottom: 12px;
}
.outsourcing-floor {
  padding: 32px 0 15px;
}
.outsourcing-floor .f-list img {
  width: 100%;
  display: block;
}
.outsourcing-floor .r-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
}
.outsourcing-floor .r-info {
  line-height: 14px;
  font-size: 12px;
}
.outsourcing-floor .row-info {
  padding-left: 12px;
}
.outsourcing-floor .list-row {
  margin-bottom: 25px;
}
.outsourcing-floor .list-row .van-col:first-child .row-info {
  padding-right: 12px;
  padding-left: 0;
}
.staff-info-floor {
  background-color: #f4f2f2;
  padding: 5px 0 20px;
  font-weight: bold;
}
.staff-info-floor .f-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 12px;
  padding: 8px 0;
}
.staff-info-floor .f-title:before {
  width: 3px;
  height: 20px;
  content: "";
  background-color: #ee8c1f;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.staff-info-floor .f-suggest {
  font-weight: bold;
}
.staff-info-floor .f-suggest .s-item {
  margin-bottom: 10px;
}
.staff-info-floor .f-suggest .item-title {
  position: relative;
  padding-left: 18px;
  line-height: 18px;
  margin-bottom: 5px;
}
.staff-info-floor .f-suggest .item-title:before {
  width: 14px;
  height: 14px;
  content: "";
  background-color: rgba(238, 140, 31, 0.5);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.staff-info-floor .f-suggest .item-title:after {
  width: 8px;
  height: 8px;
  content: "";
  background-color: #ee8c1f;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -4px;
}
.staff-info-floor .f-suggest .item-con {
  padding-left: 20px;
  font-size: 12px;
  line-height: 18px;
}
.staff-info-floor .item-child {
  padding-left: 20px;
  font-size: 12px;
}
.staff-info-floor .ic-title {
  position: relative;
  line-height: 18px;
}
.staff-info-floor .ic-title:before {
  width: 8px;
  height: 8px;
  content: "";
  background-color: #ee8c1f;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -4px;
}
.faq-list-wrap {
  padding: 8px 0 30px;
}
.faq-list {
  padding: 0 15px 6px;
}
.faq-list .list-item {
  position: relative;
  padding: 0 0 12px 32px;
  font-size: 12px;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 15px;
}
.faq-list .flag {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 1px;
  text-align: center;
  color: #fff;
}
.faq-list .flag.bg-blue {
  background-color: #7a9ed4;
}
.faq-list .flag.bg-green {
  background-color: #98c0a1;
}
.faq-list .item-hd {
  margin-bottom: 15px;
}
.faq-list .item-hd .info {
  font-weight: bold;
}
.faq-list .item-bd .info {
  line-height: 18px;
}
.faq-list img {
  max-width: 100%;
  height: auto;
}
.forms-download-view {
  padding: 2px 0 6px;
}
.forms-download-view .row-item {
  height: 36px;
  margin-bottom: 18px;
}
.forms-download-view .item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #121212;
}
.forms-download-view .item-img {
  margin-right: 8px;
}
.forms-download-view .item-img img {
  width: 34px;
  height: 34px;
}
.forms-download-view .item-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  line-height: 18px;
}
.forms-download-wrap {
  padding: 0 0 30px;
}
.forms-download-list {
  padding: 0 15px 15px;
}
.forms-download-list .list-item {
  border-bottom: 1px solid #eee;
}
.forms-download-list a {
  display: block;
  color: #121212;
  font-weight: bold;
  padding: 10px 0 15px;
}
.job-card-list.bg-gray .list-item {
  background-color: #f4f2f2;
}
.job-card-list .list-item {
  background-color: #fff;
  border-radius: 2px;
  margin-bottom: 10px;
}
.job-card-list .item-link {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2.5px;
  color: #484848;
}
.job-card-list .card-header {
  padding: 12px 8px 10px;
}
.job-card-list .card-header:after {
  border-color: #dcdcdc;
}
.job-card-list .card-footer {
  padding: 10px 8px 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.job-card-list .hd-line1 {
  margin-bottom: 3px;
}
.job-card-list .hd-line1 .name {
  color: #484848;
  font-weight: bold;
}
.job-card-list .hd-line1 .num {
  font-size: 10px;
  color: #949494;
}
.job-card-list .hd-line2 {
  font-size: 11px;
  color: #6c6c6c;
}
.job-card-list .ft-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.job-card-list .ft-left .name {
  font-size: 14px;
  color: #484848;
}
.job-card-list .ft-left .local {
  font-size: 11px;
  color: #6c6c6c;
}
.job-card-list .ft-right {
  width: 65px;
  text-align: right;
  font-size: 10px;
  color: #949494;
}
.job-des {
  background-color: #f1f1f1;
}
.job-des .des-header {
  padding: 12px 15px 16px;
  background-color: #fff;
}
.job-des .des-body {
  background-color: #fff;
  padding: 20px 15px 5px;
}
.job-des .des-back {
  padding: 0 15px 26px;
  background-color: #fff;
  text-align: right;
}
.job-des .des-back a {
  font-weight: bold;
  color: #e17d0e;
  font-size: 12px;
}
.job-des .hd-line1 {
  font-size: 15px;
  margin-bottom: 6px;
  color: #484848;
}
.job-des .hd-line2 {
  font-size: 11px;
  color: #6c6c6c;
}
.job-des .bd-line1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.job-des .bd-line2 {
  margin-bottom: 10px;
}
.job-des .line-item {
  min-width: 100px;
}
.job-des .label {
  font-size: 12px;
  color: #121212;
  font-weight: bold;
  margin-bottom: 8px;
}
.job-des .info {
  font-size: 11px;
  color: #484848;
  line-height: 18px;
}
.join-card .card-item {
  margin-bottom: 15px;
  font-weight: bold;
}
.join-card .van-cell {
  border-radius: 2px;
  padding: 16px 2px 20px 20px;
}
.join-card .van-cell__title span {
  font-size: 15px;
  color: #121212;
}
.join-card .van-cell__title .van-cell__label {
  font-size: 12px;
  color: #949494;
  margin-top: 8px;
}
.join-card .van-cell__value {
  font-size: 18px;
  color: #121212;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.join-card .van-cell__right-icon {
  font-size: 12px;
  color: #484848;
  margin-left: 8px;
}
.join-tips {
  border: 1px dotted #a0a0a0;
  border-radius: 2px;
  padding: 8px 10px;
  line-height: 18px;
  font-size: 10px;
  font-weight: bold;
  color: #484848;
  margin-bottom: 8px;
}
.contact-box {
  font-size: 12px;
  margin-bottom: 15px;
  font-weight: bold;
}
.contact-box .line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 6px 5px;
}
.contact-box .line:before {
  width: 2px;
  height: 15px;
  content: "";
  position: absolute;
  left: 0;
  background-color: #e27e0f;
  border-radius: 2px;
}
.contact-box .line span {
  margin-right: 18px;
}
.contact-box .line span:last-child {
  margin-right: 0;
}
.contact-box .label {
  min-width: 60px;
}
.enterprise-honor {
  padding: 4px 0 10px;
}
.enterprise-honor .swiper-slide {
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.enterprise-honor .img-box {
  width: 100%;
  padding-top: 125.2%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #f5f5f5;
  background-image: url(../images/about_us/au_bg1.jpg);
  margin-bottom: 10px;
  position: relative;
  -webkit-box-shadow: 0 2px 4px rgba(22, 22, 22, 0.4);
          box-shadow: 0 2px 4px rgba(22, 22, 22, 0.4);
}
.enterprise-honor .imgCtr {
  position: absolute;
  left: 8%;
  right: 8.5%;
  top: 6.7%;
  bottom: 6.5%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
.enterprise-honor .info {
  font-size: 12px;
  color: #191919;
  line-height: 18px;
  padding: 5px 0;
  text-align: center;
}
.enterprise-honor .swiper-button-prev,
.enterprise-honor .swiper-button-next {
  margin-top: -45px;
  outline: none;
}
.enterprise-honor .swiper-button-prev:after {
  width: 20px;
  height: 20px;
  background-image: url(../images/index_prev.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 0;
}
.enterprise-honor .swiper-button-next:after {
  width: 20px;
  height: 20px;
  background-image: url(../images/index_next.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 0;
}
